@charset "UTF-8";
/*!
 * Rinchenling
 * Сайт Московской Дзогчен-общины
 *
 * @version    2.0
 * @author     Alexandr Mochalkin
 *
 * @version    3.0
 * @author     delphinpro <delphinpro@gmail.com>
 * @copyright  copyright © 2018 delphinpro
 * @license    licensed under the MIT license
 */
*, *::before, *::after {
  box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  color: #000000; }
/* a {font-size: 12px;} */
a {
  text-decoration: none;
  padding: 0;
  font-size: 100%;
  color: #bf3f3f; }
  a:active, a:link, a:visited {
    text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a.menu:link {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px; }
  a.menu:visited {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px; }
  a.menu:active {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px; }
  a.menu:hover {
    color: #ebdc92;
    text-decoration: none;
    font-size: 12px; }

a.lefta {
  color: white;
  text-decoration: none;
  width: 189px;
  display: block; }

a.lefta.active,
a.lefta:hover {
  background-color: #990000; }

table#maintable {
  width: 96%;
  margin-top: 15px;
  margin-bottom: 15px; }

table#maintable td {
  border-bottom: 1px solid #d9cbc1; }

img.face {
  margin-top: 0px;
  margin-bottom: 12px;
  margin-left: 12px;
  margin-right: 0px; }

img.face1 {
  margin-top: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  margin-right: 12px; }

hr {
  color: #c6bab5; }

TD {
  font-family: arial, tahoma, sans-serif;
  font-size: 12px;
  color: #414141; }

TD .small {
  font-family: arial, tahoma, sans-serif;
  font-size: xx-small;
  color: #414141; }

p {
  font-family: arial, tahoma, sans-serif;
  font-size: 100%;
  color: #414141; }
/* p  {font-size: 12px;} */
.Titles {
  font-family: arial, tahoma, sans-serif;
  font-size: 12pt;
  color: #993333;
  font-weight: bold; }

.SubTitles {
  font-family: arial, tahoma, sans-serif;
  font-size: 20pt;
  color: #990000;
  font-weight: bold; }

.SubTitles1 {
  font-family: arial, tahoma, sans-serif;
  font-size: 14pt;
  color: #006666;
  font-weight: bold; }

.Green {
  font-family: arial, tahoma, sans-serif;
  font-size: x-small;
  color: #356b2e; }

h1 {
  font-weight: normal;
  color: #990000;
  font-size: 15px; }
  h1:first-child {
    margin-top: 0; }

.entry-title {
  font-size: 22px; }

H2 {
  font-family: arial, tahoma, sans-serif;
  font-size: 140%;
  font-weight: normal;
  color: #990000;
  padding: 15px 0 0 0; }

.widgettitle {
  font-weight: normal;
  font-size: 14px; }

.link_n {
  color: #bf3f3f;
  margin-bottom: 0; }

.green_z {
  background-color: #6699cc;
  color: #ffffff; }

.red_z {
  background-color: #cc6666;
  color: #ffffff; }

.bl_z {
  background-color: #6699cc;
  color: #cc0000; }

.redb_z {
  background-color: #cc6666;
  color: #000000; }

.nd_z {
  color: #cc0099;
  font-weight: bold; }

.norbunet_z {
  background-color: #ffff99;
  color: #990000; }

.new_all {
  background-color: #ffff00;
  color: #cc0000; }

.instructors .photo {
  vertical-align: top;
  width: 130px; }

.instructors .text {
  vertical-align: top; }

.instructors .text h3 {
  margin-top: 5px; }

.sidebar, .widget {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0; }

.widget img,
.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content iframe {
  max-width: 100%; }

@media (max-width: 575px) {
  .entry-content * {
    white-space: normal !important; }
  .entry-content table {
    margin: 20px 0;
    width: 100%; }
    .entry-content table tbody, .entry-content table thead, .entry-content table tfoot, .entry-content table tr, .entry-content table td, .entry-content table th {
      display: block;
      width: 100% !important;
      overflow: hidden; }
    .entry-content table table, .entry-content table td, .entry-content table th {
      border: 1px solid #dddddd; } }

.e404 {
  text-align: center;
  font-size: 26px; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

/* add 15.11.2017 */
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #cccccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019"; }

blockquote:before {
  color: #cccccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

blockquote p {
  display: inline; }

/* button color */
.otw-button {
  text-transform: uppercase; }

.otw-button .a:hover {
  text-decoration: none; }

/* *************************** */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

img {
  max-width: 100%; }
  td img {
    display: block; }

.header {
  background: url("images/fon-top1.gif") repeat; }
  .header__logo {
    background: url("images/top_003.gif") 100% 0 no-repeat;
    height: 113px; }
  @media (max-width: 575px) {
    .header__logo {
      display: none; } }
  @media (min-width: 576px) {
    .header {
      display: flex; }
      .header__logo {
        flex-shrink: 0;
        background: none; }
      .header__main {
        flex-grow: 1; } }
  @media (min-width: 768px) {
    .header {
      height: 113px; }
      .header__logo {
        width: 189px; }
      .header__main {
        background: url("images/top_003.gif") 100% 0 no-repeat; } }
  @media (min-width: 992px) {
    .header {
      display: flex; } }
  @media (min-width: 1200px) {
    .header {
      display: flex; } }
  @media (min-width: 1580px) {
    .header {
      display: flex; } }

.main-logo {
  display: block; }
  .main-logo a {
    display: block; }
  .main-logo img {
    display: block;
    height: 113px; }
  @media (min-width: 768px) {
    .main-logo {
      width: 189px;
      height: 113px;
      position: relative; }
      .main-logo a {
        width: 100%;
        height: 200px;
        position: absolute;
        left: 0;
        top: 0; }
      .main-logo img {
        width: 100%;
        height: 100%; } }

.top {
  background: #d9cbc1; }
  .top__menu {
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    text-transform: uppercase;
    padding-left: 23px; }
    .top__menu a {
      color: inherit;
      display: inline-flex;
      padding: 8px 0; }
  @media (max-width: 767px) {
    .top {
      display: flex;
      align-items: center; } }
  @media (min-width: 768px) {
    .top {
      height: 16px;
      text-align: right; }
      .top__menu {
        display: none; } }
  .top__links {
    margin-left: auto; }
  .top a + a {
    margin-left: 20px; }
  @media (min-width: 576px) {
    .top a + a {
      margin-left: 80px; } }

.hamburger {
  display: flex;
  align-items: center;
  text-decoration: none !important; }
  .hamburger__open {
    display: none; }
  .hamburger i {
    font-style: normal; }
  .hamburger span {
    width: 12px;
    height: 2px;
    background: currentColor;
    position: relative;
    top: -1px;
    margin-right: 5px; }
    .hamburger span::before, .hamburger span::after {
      content: '';
      width: 100%;
      height: 100%;
      background: currentColor;
      position: absolute;
      left: 0; }
    .hamburger span::before {
      top: -4px; }
    .hamburger span::after {
      bottom: -4px; }
  .menu-open .hamburger__default {
    display: none; }
  .menu-open .hamburger__open {
    display: inline; }
  .menu-open .hamburger span {
    background-color: transparent; }
    .menu-open .hamburger span::before, .menu-open .hamburger span::after {
      top: 0;
      bottom: 0; }
    .menu-open .hamburger span::before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .menu-open .hamburger span::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.layout {
  transition: 0.3s ease; }
  .layout__left {
    width: 189px;
    padding-top: 70px;
    background: #b34052;
    flex-shrink: 0;
    display: none; }
  .layout__main {
    flex-grow: 1;
    padding: 15px 23px; }
  .layout__right {
    background: #f2e7d0;
    padding: 15px 23px; }
  @media (min-width: 768px) {
    .layout {
      display: flex;
      flex-wrap: wrap; }
      .layout__left {
        display: block; }
      .layout__main {
        width: calc(100% - 189px); } }
  @media (min-width: 992px) {
    .layout {
      flex-wrap: nowrap; }
      .layout__main {
        width: auto; }
      .layout__right {
        padding: 15px 23px;
        flex-shrink: 0;
        width: 270px; } }
  @media (min-width: 1580px) {
    .layout__right {
      width: 520px; } }

.aside {
  display: block; }
  .aside__two {
    margin-top: 20px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .aside {
      display: flex; }
      .aside__one {
        width: 50%;
        padding-right: 10px; }
      .aside__two {
        width: 50%;
        padding-left: 10px;
        margin-top: 0; } }
  @media (min-width: 1580px) {
    .aside {
      display: flex; }
      .aside__one {
        width: 60%;
        padding-right: 10px; }
      .aside__two {
        width: 40%;
        padding-left: 10px;
        margin-top: 0; } }

.bottom {
  background: #5088bb;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  line-height: 26px; }

.blog {
  margin-bottom: 20px; }

.blog-article {
  display: flex;
  border-bottom: 1px solid #d9cbc1; }
  .blog-article__main {
    flex-grow: 1;
    padding: 16px 8px 8px 0; }
  .blog-article__side {
    padding: 16px 0 8px 8px;
    width: 108px;
    flex-shrink: 0; }
    .blog-article__side img {
      display: block;
      width: 100%; }
    @media (max-width: 575px) {
      .blog-article__side {
        width: 58px; } }

.friends {
  padding: 0;
  list-style-type: none;
  color: #990000;
  font-size: 12px;
  margin-top: 20px; }
  .friends:first-child {
    margin-top: 0; }
  .friends li {
    margin-bottom: 5px;
    text-align: left;
    display: inline-block; }
    .friends li:first-child {
      display: block; }

.aside .widget + .widget {
  margin-top: 20px; }

.wrapper {
  width: 100%;
  overflow: hidden; }

.site__nav {
  width: 200px; }

@media (max-width: 767px) {
  .site {
    width: calc(100% + 200px);
    display: flex;
    margin-left: -200px;
    transition: 0.3s ease; }
    .site__nav {
      transition: 0.3s ease;
      overflow: hidden;
      width: 200px;
      flex-shrink: 0;
      background: #b34052;
      z-index: 20;
      position: relative; }
    .site__body {
      flex-grow: 1; }
      .site__body .top {
        position: relative;
        z-index: 21; }
      .site__body .layout {
        position: relative;
        z-index: 10; }
    .menu-open .site {
      -webkit-transform: translateX(200px);
              transform: translateX(200px); }
      .menu-open .site__nav {
        box-shadow: 2px 0 3px rgba(0, 0, 0, 0.5), 0 0 0 1000vh rgba(0, 0, 0, 0.8); }
    .menu-open {
      overflow: hidden; }
      .menu-open .layout {
        opacity: 0.5;
        pointer-events: none; } }

@media (min-width: 768px) {
  .site__nav {
    display: none; } }

#menu {
  width: 189px;
  font-size: 12px;
  list-style-type: none;
  padding-left: 0px;
  padding-top: 20px; }
  #menu ul {
    list-style-type: none;
    padding-left: 0px; }
  #menu li {
    background: #9c3948;
    /*margin-bottom:8px;*/
    border-bottom: 4px solid #b34052;
    border-top: 4px solid #b34052;
    text-align: center; }
  #menu li ul {
    display: none; }
  #menu li ul li {
    border-top: 8px solid #b34052;
    border-bottom: 0; }

#mmenu {
  width: 200px;
  font-size: 12px;
  list-style-type: none;
  padding-left: 0px;
  padding-top: 20px; }
  #mmenu ul {
    list-style-type: none;
    padding-left: 0px; }
  #mmenu li {
    background: #9c3948;
    /*margin-bottom:8px;*/
    border-bottom: 4px solid #b34052;
    border-top: 4px solid #b34052;
    text-align: center; }
  #mmenu li ul li {
    border-top: 8px solid #b34052;
    border-bottom: 0; }